<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contact Us | AP Calculus Learning Center </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background: #f4f7fb;
color: #1f2937;
}
.page {
max-width: 1100px;
margin: 0 auto;
background: white;
min-height: 100vh;
}
.banner img {
width: 100%;
height: auto;
display: block;
}
.title-bar {
background: #cfe46d;
text-align: center;
padding: 12px;
border: 1px solid #333;
}
.title-bar h1 {
margin: 0;
font-size: 28px;
color: #003366;
}
nav {
background: #dedfde;
border: 1px solid #333;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
nav a {
color: #0000cc;
text-decoration: none;
font-weight: bold;
padding: 14px 24px;
border-right: 1px solid #999;
}
nav a:hover {
color: #cc0000;
background: #f5f5f5;
}
.content {
padding: 35px;
}
.card {
max-width: 700px;
margin: 0 auto;
background: #ffffff;
border: 1px solid #d1d5db;
border-radius: 12px;
padding: 30px;
box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
.card h2 {
margin-top: 0;
color: #003366;
font-size: 26px;
text-align: center;
}
.card p {
font-size: 16px;
line-height: 1.6;
text-align: center;
}
label {
display: block;
margin-top: 18px;
font-weight: bold;
}
input, textarea {
width: 100%;
padding: 12px;
margin-top: 6px;
border: 1px solid #bfc7d1;
border-radius: 6px;
font-size: 16px;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
}
textarea {
min-height: 150px;
resize: vertical;
}
button {
margin-top: 22px;
width: 100%;
background: #003366;
color: white;
border: none;
padding: 14px;
font-size: 18px;
font-weight: bold;
border-radius: 6px;
cursor: pointer;
}
button:hover {
background: #00509e;
}
.note {
margin-top: 20px;
font-size: 14px;
color: #4b5563;
text-align: center;
}
footer {
text-align: center;
padding: 25px;
background: #e5e7eb;
font-size: 14px;
}
</style>
</head>
<body>
<div class="page">
<div class="banner">
<img src="../../Images/Banner Images/_apcalculus bc web banner red.jpg" alt="AP Calculus Banner">
</div>
<div class="title-bar">
<h1>Contact Us</h1>
</div>
<nav>
<a href="../../index.html">HOME</a>
<a href="../../BCSyllabus.html">SYLLABUS</a>
<a href="../../Resources.html">RESOURCES</a>
<a href="contact.html">CONTACT US</a>
</nav>
<main class="content">
<section class="card">
<h2>Send a Message</h2>
<p>
Questions about AP Calculus BC, enrollment, assignments, tutoring,
or course expectations may be sent using the form below.
</p>
<form action="contact.php" method="post">
<label for="name">Your Name</label>
<input type="text" id="name" name="name" required>
<label for="email">Your Email Address</label>
<input type="email" id="email" name="email" required>
<label for="subject">Subject</label>
<input type="text" id="subject" name="subject" required>
<label for="message">Message</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">Send Message</button>
</form>
<p class="note">
Your message will be sent directly to Mrs. Gilleran.
</p>
</section>
</main>
<footer>
AP Calculus Learning Center © 2026 - All Rights Reserved
</footer>
</div>
</body>
</html>